<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>绿色未来环保公益平台</title>
	</head>
		<style type="text/css">
		
		.title{
			width: 1220px;
			margin: 0px auto;
			padding: 0px;
			background: #32CD32;
			list-style: none;
			font-size: 15px;
			height: 60px;
			}
			.one{
				margin: 0px;
				padding: 0px;
				height: 60px;
			}
			.one div{
				padding: 20.8px;
				
				margin: 0px;
				/*padding: 0px;*/
				display: inline;
				
			}
			
			.one div a {
				
				text-decoration: none;
				padding: 0px;
				margin: 0px;
				color: white;
				padding: 20.8px;
			    
			}
			.seven{
				padding: 0px;
				margin: 0px;
				display: inline-block;
			}
			
			
			
			 .eight, .night ,.last {
				display: inline-block;
			
				padding: 20px 20px;
				  margin:0px auto;
				  vertical-align: middle;
				  	list-style: none;
				  	
			}
			 a span{
				color: orange;
			}
			
			.night:hover{
				background: limegreen;
				}
		    .eight:hover{
			background: limegreen;
		   }
	         .last:hover{
					background: limegreen;
					}
				
				.one div:hover{
					background: limegreen;
				}
			
			
			.media-body{
				height: 80%;
				width: 50%;
			}
		    .wai{
		    
		    	height: 2400px;
		    	width: 850PX;
		    	word-wrap: break-word;
		    	background: #F7F7F7;
		    	
		    	
		    }
		    
		     .new-con-list ul li { 
		     	
		     	height: 200px;
		     	list-style: none;
			display: block;
		   padding-top:10px ;
			text-align: left;
			vertical-align: middle;
			margin: 10PX;
			font-size: 15px;
			color: lightsteelblue;
			float: left;
			padding-left: 10px;
		}
		.new-con-list img{
			width: 250px;
			height: 140px;
			margin-left: 0px;
		  float: left;
		  padding-right: 20px;
		}
		.new-title h1{
			text-align: left;
			font-size: 20px;
		}
		 .new-content h3{
		 	
		 	color: black;
		 	font-size: 20px;
		 	
		 }
	.new-con-list div{
		float: left;
	}
	.new-canshu div{
		font-size: 15px;	
	}
	.youone ul li{
		height: 400px;
		width: 350px;
		display:inline-block;
		text-align: left;
	vertical-align: middle;
	padding-left: 25px;
	float: right;
	margin-left: 800px;
	  margin-top: -2418px;
	  color: #555555;
	  text-decoration: none;
	  background: #F7F7F7;
	}
	.youone div{
		
		
		color: #008000;
	}
	.youtwo  div{
		color: #008000;
		}
		.youlast div span {
			
			color:#101010;
			border: 1px solid #2B542C;
			padding: 5px;
		
		}
		
	.youone img{
		width: 100px;
		height: 80px;
		margin-top: 0px;
	}
	.youlast img{
		width: 100px;
		height: 80px;
		margin-top: 0px;
	}
	.youlast {
		height: 280px;
		width: 330px;
		display:inline-block;
		vertical-align: middle;
	padding-left: 25px;
	margin-top: 100px;
	margin-left: -30px;
	line-height: 35px;
	color: #101010;
	background: #F7F7F7;
	}

		.youtwo ul li {
		height: 400px;
		width: 335px;
		display:inline-block;
		text-align: left;
	    vertical-align: middle;
	    padding-left: 25px;
	      float: right;
	   margin-left: 800px;
	  margin-top: -2010px;
        color: #555555;
      background: #F7F7F7;
	
		}
		.youtwo img{
		width: 100px;
		height: 80px;
		margin-top: 0px;
	}
         .footer{
				width: 1220px;
				height: 280px;
				margin: 0 auto;
				background-color: #F7F7F7;
			}
			.footer .footer_nei{
				width: 1000px;
				height: 280px;
				margin: 0 auto;
			}
			.footer .footer_nei .footer_shang{
				display: inline-block;
			}
			.footer .footer_nei .footer_shang ul{
				
				line-height: 45px;
				width: 1000px;
				margin-top: 10px;
			}
			.footer .footer_nei .footer_shang ul li{
				display: inline-block;
				margin-right: 30px;
			}
			.footer .footer_nei .footer_shang ul li a{
				color: #8B8A8A;
				font-size: 16px;
				text-decoration: none
			}
			.footer .footer_nei .footer_zhong{
				height: 50px;
				width: 1050px;
				margin-top: 20px;
				}
			.footer .footer_nei .footer_zhong h5{
				color: #4E4E4E;
				padding-top: 0px;
				padding-left: 0px;
			}
			.footer .footer_nei .footer_zhong span{
				color:#333333 ;
				display: inline-block;
				padding-right: 30px;
				line-height: 40px;
				font-size: 12px;
			}
			.footer .footer_nei .footer_zhong span:hover {
				color: #AEACAC;
				transform: all .5s;
			}
			.footer .footer_two{
				width: 1220px;
				height: 54px;
				margin: 0 auto;
				background-color:#59AA3A ;
			}
			.footer_two p{
				display: block;
				text-align: center;
				padding-top: 15px;
				color: #FFFFFF;
				size: 14px;
			}
			.footer_two p a{
				color: #FFFFFF;
				font-size: 15px;
				text-decoration: none
			}
		</style>
		<link rel="stylesheet" href="css/bootstrap.css" />
	
	<body>
		
		<div class="title">
			
			<div class="one">
				
				<img src="img-five/logo.png"/>
				
			<div><a href="shouye.html">首页</a></div>
			<div><a href="zhongchou.html">众筹</a></div>
			<div><a href="shetuan.html">社团</a></div>
			<div><a href="huodong.html">活动</a></div>
			<div><a href="dongtai.html">动态</a></div>
			
					<img src="img-five/contest.png" />
				
			<div class="eight">
				<span>
					<a href="#">登录</a>
				</span>
				
				
			</div>
			
			<div class="night">
				
				<span class="jiahao">
					<a href="chenweihuoban.html"><span>+</span>成为伙伴</a>
				</span>
				
			</div>
			
			<div class="last">
				
				<span  class="jiahao ">
					<a href="guanyuwomen.html"><span>+</span>关于我们</a>
				</span>
				
			</div>
		
		</div>
	
			<div class="new-title">
				<h1>资讯</h1>
				<hr>
				</div >
					<div class="wai">
						
					
					<div class="new-con-list">
						
					
					<ul>
						<li>
							
						<div class="new-pic">
							<img src="img-five/20.jpg"/>
							
						</div>	
							
						<div class="new-content clear">
							<h3>
								
								"一杯水的约定赴约安徽"孩子们从此喝上干净水""
								
							</h3>
							<p>
								世界水日，绿动未来邀你一起为宿州孩子们喝上一杯干净水的梦想助力！
							</p>
							<div class="new-canshu">
								世界水日，绿动未来邀你一起为宿州孩子们喝上一杯干净水的梦想助力！
							</div>
							
							<div class="clear">
								
							</div>
							
						<hr>
						</li>
						
						
						<li><div class="new-pic">
							<img src="img-five/c64a5f09-dd78-45a3-83c3-a195ba21cb89.png"/>
							
						</div>	
							
						<div class="new-content">
							<h3>
								
								"一杯水的约定招募优秀水环保项目""
								
							</h3>
							<p>
								快和我们一起为中国水环保事业贡献公益力量！
							</p>
							<div class="new-canshu">
								来自："一杯水的约定”招募优秀水环保项目 2017-12-13
							</div>
							
							<div class="clear">
								
							</div><hr>
						</li>
						<li><div class="new-pic">
							<img src="img-five/10110.png">
							
						</div>	
							
						<div class="new-content">
							<h3>
								
								"童声大赛 ┃ 获奖名单公布""
								
							</h3>
							<p>
								“绿色童享”全国环保公益童声大赛获奖名单公布
							</p>
							<div class="new-canshu">
								来自：“绿色童享”全国环保公益童声大赛获奖名单公布 2017-10-25
							</div>
							
							<div class="clear">
								
							</div><hr></li>
						<li><div class="new-pic">
							<img src="img-five/554322bc-da86-4248-96b3-181c0a368f72.PNG">
							
						</div>	
							
						<div class="new-content">
							<h3>
								
								"社团狂欢趴，各种狂欢福利拿到手软""
								
							</h3>
							<p>
								8月11日-9月8日，绿动未来邀你一起嗨！
							</p>
							<div class="new-canshu">
								来自：绿动未来 2017-08-14
							</div>
							
							<div class="clear">
								
							</div><hr></li>
						<li><div class="new-pic">
							<img src="img-five/7c7a7268-59f5-4609-9581-e1490dc8971d.png"/>
							
						</div>	
							
						<div class="new-content">
							<h3>
								
								"绿色同享· 一杯水的约定在武汉成功举行""
								
							</h3>
							<p>
								7月22-23日，“绿色童享•一杯水的约定”第二站在武汉汉街万达广场顺利举办。
							</p>
							<div class="new-canshu">
								来自：“绿色童享•一杯水的约定”武汉站活动成功举行 2017-07-23
							</div>
							
							<div class="clear">
								
							</div><hr></li>
						<li><div class="new-pic">
							<img src="img-five/4d0a0c41-dd26-43df-baf8-4da3c5646492.png"/>
							
						</div>	
							
						<div class="new-content">
							<h3>
								
								"注意这里有一大群环保小萌娃出没┃ 现场花絮回顾""
								
							</h3>
							<p>
								在“绿色童享·一杯水的约定”武汉站现场，被这群环保小萌娃萌化了！
							</p>
							<div class="new-canshu">
								来自：注意！这里有一大群环保小萌娃出没 | 现场花絮回顾 2017-06-23

							</div>
							
							<div class="clear">
								
							</div><hr></li>
						<li><div class="new-pic">
							<img src="img-five/0.0025.png"/>
							
						</div>	
							
						<div class="new-content">
							<h3>
								
								"白岩松与孩子拉钩，许下一杯水的约定""
								
							</h3>
							<p>
								白岩松出席“绿色童享”环保主题活动现场发言实录
							</p>
							<div class="new-canshu">
								来自：绿动未来 2017-05-27
							</div>
							
							<div class="clear">
								
							</div><hr></li>
						<li><div class="new-pic">
							<img src="img-five/83a53077-5c99-459c-98e9-dcdeeada3040.jpg"/>
							
						</div>	
							
						<div class="new-content">
							<h3>
								
								"赵忠祥现场传递绿色话筒，呼吁孩子们为自然勇敢发声""
								
							</h3>
							<p>
								赵忠祥出席“绿色童享”环保主题活动现场发言实录
							</p>
							<div class="new-canshu">
								来自：绿动未来 2017-05-27
							</div>
							
							<div class="clear">
								
							</div><hr>
						</li>
						<li><div class="new-pic">
							<img src="img-five/9aa3145c-db7b-4f88-91e9-eeb88f6f2891.jpg"/>
							
						</div>	
							
						<div class="new-content">
							<h3>
								
								邓亚萍为儿童发声：“让孩子多亲近自然”
							</h3>
							<p>
								邓亚萍出席“绿色童享”环保主题活动现场发言实录
							</p>
							<div class="new-canshu">
								来自：绿动未来 2017-05-27
							</div>
							
							<div class="clear">
								
							</div><hr>
						</li>
						<li><div class="new-pic">
							<img src="img-five/ad4263ad-4853-4de6-ac7c-9233eee349ce.jpg"/>
							
						</div>	
							
						<div class="new-content">
							<h3>
								
								"斯琴格日乐携超萌小青蜂出席“绿色童享”宣传活动""
								
							</h3>
							<p>
								斯琴格日乐出席“绿色童享”环保主题活动现场发言实录
							</p>
							<div class="new-canshu">
								来自：绿动未来 2017-05-27
							</div>
							
							<div class="clear">
								
							</div><hr>
						</li>
						<li><div class="new-pic">
							<img src="img-five/993afcbb-304b-4c9a-bc1a-051ff8698f20.jpg"/>
							
						</div>	
							
						<div class="new-content">
							<h3>
								
							绿色童享 2017年全国大型环保公益活动在京启动
								
							</h3>
							<p>
								把自然还给孩子，把孩子还给自然
							</p>
							<div class="new-canshu">
								来自：绿动未来 2017-05-27
							</div>
							
							<div class="clear">
								
							</div><hr>
						</li>
				
				
				<div class="youone">
					<ul>
						<li>
				
						<h5>动态</h5>
						<br />
						<hr />
						<img src="img-five/default.jpg"
						
						<span>
							最后一只甲壳虫
						</span>
						<br />
						<span class="huodong">
							发起了一个活动
						</span>
						<br />
						<div>
							地球故事
						</div>
						<hr />
						<img src="img-five/138886.png"
						
						<span>
							宿雨凉烟
						</span>
						<br />
						<span class="huodong">
							发起了一个活动
						</span>
						<br />
						<div>
							地球故事
						</div>
						<hr />
						<img src="img-five/0.png"
						
						<span>
							斑马斑马
						</span>
						<br />
						<span class="huodong">
							发起了一个活动
						</span>
						<br />
						<div>
							地球故事|用心呵护
						</div>
						
					</li>
				
				</ul>
					
				</div>
				<div class="youtwo">
					<ul>
						<li>
				
						<h5>活动众筹</h5>
						<br />
						<hr />
						<img src="img-five/13330.jpg"
						
						<span>
							王潇洒
						</span>
						<br />
						<span class="huodong">
							发起了一个活动
						</span>
						<br />
						<div>
							地球故事
						</div>
						<hr />
						<img src="img-five/0.png"
						
						<span>
							大条
						</span>
						<br />
						<span class="huodong">
							发起了一个活动
						</span>
						<br />
						<div >
							地球故事|我们共同的家
						</div>
						<hr />
						<img src="img-five/0.jpg"
						
						<span>
							杨文森
						</span>
						<br />
						<span class="huodong">
							评论了一个活动
						</span>
						<br />
						<div >
							地球故事丨不止于此
						</div>
						
						
						<div class="youlast">
							
						<h5>推荐社团</h5>
						<br />
						<hr />
						<img src="img-five/188995.jpg"
						
						<span>
							同一个家园
						</span>
						<br />
						<span class="huodong">
							发起了一个社团
						</span>
						<br />
						<div>
							地球故事<br />
							
							<span class="guanzhu">+关注</span>
							<span class="guanzhu">+私信</span>
							<span class="guanzhu">+加入</span>
						</div>
						
					</div>	
				</div>	
		</div>
		</div>
		
		
	 <div class="footer">
				<div class="footer_nei">
					<div class="footer_shang">
						<ul>
							<li><a href="#">关于我们</a></li>
							<li><a href="#">问题中心</a></li>
							<li><a href="#">服务协议</a></li>
							<li><a href="#">免责条款</a></li>
						</ul>
					</div>
					<div class="footer_zhong">
						<h5>友情链接</h5>
						<a href="#">
						<span>中国环境文化促进会</span><span>上海通用</span><span>米公益</span><span>环评爱好者</span>
						<span>新公益</span><span>创意谷</span><span>长沙市野生动植物保护协会</span><span>壹起网</span>
						<span>绿色生命</span>
						</a>
					</div>
					<div class="footer_zhong">
						<h5>合作媒体</h5>
						<a href="#">
						<span>CCTV央视网</span><span>东方卫视</span><span>搜狐网</span><span>凤凰网</span>
						<span>腾讯网</span><span>亚洲环保网</span><span>股权众筹</span>
						</a>
					</div>
				</div>
				<div class="footer_two">
					<p><a href="#">Copyright &copy;2004-2018 www.drivetogreen.com 版权所有 网站备案/许可证号 沪ICP备13034092号-2<img src="img-five/beian.png"/> 沪公网安备 31010102004590号</a></p>
				</div>
			</div>
		
	</body>
</html>
